<style>
    .ui-grid-cell {
        height: auto !important;
    }
</style>
<div class="bg-light lter b-b wrapper-sm">
    <h1 class="m-n font-thin h4">交易记录</h1>
</div>
<div class="wrapper-sm">
    <uib-tabset active="5" class="tab-container" ng-init="steps={percent:35, step1:false, step2:false, step3:false, step4:false, step5:true, step6:false}">
        <uib-tab heading="基本信息" active="steps.step1" select="steps.percent=35" ui-sref="app.car.carManagent_edit">
            <progressbar value="steps.percent" class="progress-xs" type="success"></progressbar>
        </uib-tab>
        <uib-tab heading="资质信息" active="steps.step2" disabled="step1.$invalid" select="steps.percent=55" ui-sref="app.car.carAttachmentEdit"></uib-tab>
        <uib-tab heading="账户信息" active="steps.step3" disabled="step2.$invalid" select="steps.percent=75" ui-sref="app.car.carBankCardManagent"></uib-tab>
        <uib-tab heading="主营线路" active="steps.step4" select="steps.percent=100" ui-sref="app.car.carRouteManagent"></uib-tab>
        <uib-tab heading="交易记录*" index="5" active="steps.step5" disabled="step4.$invalid" select="steps.percent=80" ui-sref="app.car.carTradingRecord">
            <div class="wrapper-sm" ng-controller="carTradingRecordController">
                <i class="fa fa-truck m-l-xs m-r-xs m-b-xs text-lg text-danger"></i>总计承运次数：<label class="text-danger">{{total}}</label>
                <div class="panel panel-default">
                    <div class="panel-heading font-bold">查询</div>
                    <div class="panel-body">
                        <label class="control-label pull-left m-t-xs w-xxss">货物名称</label>
                        <div class="col-md-2 form-group">
                            <input id="carTradingRecord_goodsName" type="text" class="form-control input-sm" ng-model="queryTerms.goodsName" placeholder="请输入货物名称" name="goodsName">
                        </div>
                        <label class="control-label pull-left m-t-sm w-xxss">货物数量</label>
                        <div class="col-md-2 form-group">
                            <input type="number" ng-pattern="/^[0-9]+(.[0-9]{1,4})?$/" class="form-control input-sm" id="carTradingRecord_goodsNum" ng-model="queryTerms.goodsNum" placeholder="请输入货物数量" name="goodsNum">
                        </div>
                        <label class="control-label pull-left m-t-sm w-xxss">线路地址</label>
                        <div class="col-md-2 form-group">
                            <input type="text" class="form-control input-sm" id="carTradingRecord_route" ng-model="queryTerms.route" placeholder="请输入线路地址" name="route">
                        </div>
                        <div class="line line-xs pull-in"></div>
                        <label class="control-label pull-left m-t-xs w-xxss">发货地址</label>
                        <div class="col-md-2 form-group">
                            <input type="text" class="form-control input-sm" id="carTradingRecord_shipAddress" ng-model="queryTerms.shipAddress" placeholder="请输入发货地址" name="shipAddress">
                        </div>
                        <label class="control-label pull-left m-t-sm w-xxss">送货地址</label>
                        <div class="col-md-2 form-group">
                            <input type="text" class="form-control input-sm" id="carTradingRecord_deliverAddress" ng-model="queryTerms.deliverAddress" placeholder="请输入送货地址" name="deliverAddress">
                        </div>
                        <label class="control-label pull-left w-xxss"></label>
                        <div class="col-md-2 form-group">
                            <button id="carTradingRecord_query" ng-click="queryFunc()" class="btn btn-sm btn-default btn-addon" ng-class="{'disabled':quering}" ng-disabled="quering">
                                <i class="fa fa-search" ng-show="!quering"></i>
                                <i class="fa fa-spinner no-bordr" ng-show="quering" ng-class="{'fa-spin':quering}"></i>
                                <span ng-show="!quering">查询</span>
                                <span ng-show="quering">查询中...</span>
                            </button>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading">
                        交易记录列表
                    </div>
                    <div class="table-responsive">
                        <div ui-grid="gridOptions" ui-grid-pagination ui-grid-auto-resize ui-grid-resize-columns style="height:{{heightA}}px; min-height:390px; overflow-y:hidden; min-width:1000px;">
                            <div class="watermark" ng-if="!gridOptions.data.length">暂无数据</div>
                        </div>
                    </div>
                </div>
            </div>
        </uib-tab>
        <uib-tab heading="诚信记录" active="steps.step6" disabled="step5.$invalid" select="steps.percent=100" ui-sref="app.car.carEvaluateManagent">
        </uib-tab>
    </uib-tabset>
</div>